<!--
 * @Author: shy_didi
 * @Date: 2020-06-10 16:41:57
 * @LastEditTime: 2020-06-11 11:26:16
 * @LastEditors: Please set LastEditors
 * @Description: 首页底部
 * @FilePath: \发明人\fmr\src\pages\home\components\floot.vue
--> 
<template>
  <div class="floot">
    <div class="title">
      <p class="t-1">我是发明人-创新大赛</p>
      <p class="t-4">{{"咨询热线："+ hotline}}</p>
      <p class="t-4">{{"咨询邮箱："+ email}}</p>
      <p class="t-4">{{"传真/电话："+ tel}}</p>
      <p class="t-4">{{"办公地址："+ address}}</p>
    </div>
    <div class="code">
      <van-image :src="code" />
      <p class="c-t">扫一扫关注我们</p>
    </div>
    <div class="record">{{record}}</div>
  </div>
</template>

<script>
import * as api from "@/request/api/apiList/system.js";
export default {
  data() {
    return {
      hotline:"",
      email:"",
      tel:"",
      address:"",
      code:"",
      record:"",
    };
  },
  methods: {
    async API_group() {
      let result = {
        group_id: 1
      };
      return await api.group(result);
    }
  },
  async created() {
    let res = await this.API_group();
    //console.log(res)
    if (res.data.code === 200) {
      this.hotline = res.data.data[0].value;
      this.email = res.data.data[1].value;
      this.tel = res.data.data[2].value;
      this.address = res.data.data[3].value.slice(3);
      this.code = res.data.data[7].value;
      this.record = res.data.data[6].value;
    }
    //console.log(this.datas)
  }
};
</script>
<style lang="scss" scoped>
.floot {
  background-color: #004884;
  .title {
    padding: 40px 0 40px 30px;
    height: 120px;
    .t-1 {
      font-family: MicrosoftYaHei-Bold;
      font-size: 32px;
      color: #ffffff;
      letter-spacing: 4px;
    }
    .t-4 {
      font-family: MicrosoftYaHei;
      font-size: 24px;
      color: #bbcbd9;
      letter-spacing: 0;
    }
  }
  .code {
    padding: 30px 0;
    text-align: center;
    img {
      width: 160px;
      height: 160px;
    }
    .c-t {
      font-family: MicrosoftYaHei;
      font-size: 22px;
      color: #bbcbd9;
      letter-spacing: 0;
    }
  }
  .record {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #003a6b;
    font-family: MicrosoftYaHei;
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 0;
  }
}
</style>